<template>
	<u-button 
	class="m-button cup"
	:disabled="disabled"
	:loading="loading"
	:style="{
	color:'#fff',fontSize:'14px',height:height, background:'#26bbff',
	borderRadius:borderRadius,
	width:width,
	padding:'0',...styleObj}"
	@click="clickBtn">
		<slot></slot>
	</u-button>
</template>

<script>
	export default {
		name:"m-button",
		props:{
			disabled:{
				type:Boolean,
				default:false
			},
			loading:{
				type:Boolean,
				default:false
			},
			styleObj:{
				type:Object,
				default:()=>{}
			},
			borderRadius:{
				type:String,
				default:'13px'
			},
			width:{
				type:String,
				default:'100%'
			},
			height:{
				type:String,
				default:'26px'
			},
		},
		data() {
			return {
				
			};
		},
		methods:{
			clickBtn(){
				this.$emit('clickBtn')
			}
		}
	}
</script>

<style lang="scss">

</style>